<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
	<title>权限管理系统 - 查看用户信息</title>
	<meta th:remove="tag" th:include="base/include :: head" />
	<script type="text/javascript">
		$(function(){
			//左边当前菜单高亮，inculde里定义
			activeLeftNav("usermanage");
		});
	</script>
</head>
<body>
	<!-- 头部 -->
	<div th:replace="base/include :: top"></div>

    <div class="container-fluid">
      <div class="row">
        <!-- 左边菜单 -->
        <div th:replace="base/include :: left"></div>
        
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
        	<ol class="breadcrumb">
			  <li><a th:href="@{/}" href="#">主页</a></li>
			  <li><a th:href="@{/user/findUsers}" href="#">用户管理</a></li>
			  <li class="active">查看用户信息</li>
			</ol>
          <div class="table-responsive col-sm-8 col-sm-offset-2 col-md-9col-md-offset-1">
            <table class="table table-striped table-bordered table-hover">
            	<tr>
            		<th>用户名</th>
            		<td th:text="${userinfo.username}">xxx</td>
            	</tr>
            	<tr>
            		<th>姓名</th>
            		<td th:text="${userinfo.realname}">xxx</td>
            	</tr>
            	<tr>
            		<th>邮箱</th>
            		<td th:text="${userinfo.email}">xxx</td>
            	</tr>
            	<tr>
            		<th>联系电话</th>
            		<td th:text="${userinfo.telphone}">xxx</td>
            	</tr>
            	<tr>
            		<th>手机号码</th>
            		<td th:text="${userinfo.mobile}">xxx</td>
            	</tr>
            	<tr>
            		<th>通讯地址</th>
            		<td th:text="${userinfo.address}">xxx</td>
            	</tr>
            	<tr>
            		<th>状态</th>
            		<td>
            			<div th:if="${!userinfo.accountNonLocked}">账号已锁定</div>
            			<div th:if="${!userinfo.credentialsNonExpired}">密码已过期</div>
            			<div th:if="${!userinfo.accountNonExpired}">账号已过期</div>
            			<div th:if="${!userinfo.enabled}">账号已禁用</div>
            			<div th:if="${userinfo.accountNonLocked and userinfo.credentialsNonExpired 
            						and userinfo.accountNonExpired and userinfo.enabled}">正常</div>
            		</td>
            	</tr>
              <!-- <thead>
                <tr>
                  <th>序号</th>
                  <th>用户名</th>
                  <th>姓名</th>
                  <th>状态</th>
                </tr>
              </thead>
              <tbody>
                <tr th:each="user,iterStat : ${page.list}">
                  <td th:text="${iterStat.count}">1</td>
                  <td th:text="${user.username}">test</td>
                  <td th:text="${user.realname}">testname</td>
                  <td th:text="${user.enabled}? #{user.state.true} : #{user.state.false}">enabled</td>
                </tr>
              </tbody> -->
            </table>
          </div>
        </div>
      </div>
    </div>
   </body>
</html>